<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 口诀：样式点定义，结构类调用，一个或多个，开发最常用 */
        /* 不要使用纯数字、中文名来命名类，要用英文，命名要有意义，
        长名称可以可以用中横线来命名，如red-sing */
        .baby1 {
            color: #ff0000;
        }
        .baby2 {
            color: #4169e1;
            font-size: 30px;
        }
        .baby3 {
            color: #19ee2b;
        }
    </style>
</head>

<body>
    <div class="baby1">我是你宝贝1</div>
    <div class="baby2">我是你宝贝2</div>
    <div class="baby3">我是你宝贝3</div>
</body>

</html>